@charset "UTF-8";
@import "./base.scss";
/* 首屏 */
// html,body{
//     height: 100%;
// }
body{
    
    &.body2{
            // background: url('../images/bginput.jpg')no-repeat center/cover;
            background: url('../images/bginput.jpg')no-repeat center/100% 100%;
            margin: 0;
            padding: 0;

    }
    .card{
        width: rem(686);
        height: rem(910);
        position: absolute;
        background: url('../images/card.png')no-repeat center/100% 100%;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);

    }
    .form{
        position: relative;
    }
    .name{
        box-sizing: border-box;
        width: 53%;
        height: rem(62);
        padding-top: rem(8);
        position: absolute;
        left:35%;
        top: rem(460);
        border: 0;
        text-align: center;
        line-height: rem(64);
        background-color: transparent;
        &::-webkit-input-placeholder{
            font-size: rem(20);
        }
    }
    .jobNum{
        box-sizing: border-box;        
        width: 46%;
        height: rem(62);
        padding-top: rem(8);
        position: absolute;
        left:42%;
        top: rem(520);        
        border: 0;
        text-align: center;
        background-color: transparent;
        &::-webkit-input-placeholder{
            font-size: rem(20);
        }
    }
    .cellPhone{
        box-sizing: border-box;        
        width: 40%;
        height: rem(62);
        padding-top: rem(8);
        position: absolute;
        left:48%;
        top: rem(590);                
        border: 0;
        text-align: center;
        background-color: transparent;
        &::-webkit-input-placeholder{
            font-size: rem(20);
        }
    }
    textarea{
        width: 71%;
        height: rem(400);
        position: absolute;
        left:18%;
        top: rem(48);                
        border:0;
        font-size: rem(30);
        line-height: rem(64);
        font-family: "微软雅黑";
        box-sizing: border-box;
        padding: rem(15);
        background-color: transparent;
        &::-webkit-input-placeholder{
            font-size: rem(30);
            line-height: rem(64);
        }
    }
    .submit{
        width: rem(265);
        height: rem(78);
        background-color: white;
        position: absolute;
        
        left:50%;
        top: rem(770);        
        margin-left: rem(-132.5);
        background: url("../images/djtj2.png") center top no-repeat;
        background-size: 100% 100%;
        background-color: transparent;
        text-align: center;
        &::-webkit-input-placeholder{
            font-size: rem(32);
        }
    }
    .mask{
       width: 100%;
       height: 100%;
       background-color:rgba(51,51,51,0.7);
       position:fixed; 
       z-index: 100;
    }
    .submitSuccess{
        position: relative;
        width: 100%;
        height: 100%;
        img{
            position: absolute;
            width: 80%;
            left:10%;
            z-index: 200;
            top:rem(50);
        }
    }
}

.scroll{
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: rem(510);
    left: 0;
    // url('../images/wz2.png')no-repeat center rem(1104)/100% 0;
}
.wrap1{
    width: 100%;
    height: rem(1104);
    background: url('../images/wz1.png')no-repeat center/100% 100%;    
}
.wrap2{
    width: 100%;
    height: rem(988);
    background: url('../images/wz2.png')no-repeat center/100% 100%;    
    position: relative;
}
.clickLink {
    position: absolute;
    width: rem(250);
    height: rem(250);
    bottom: rem(140);
    left: 50%;
    transform: translateX(-50%);
    // background-color: deeppink;
}

